<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" src="js/jquery-3.0.0.js"></script>
		<style>
			.a {
				width: 200px;
				height: 100px;
				background: blue;
				position: absolute;
			
			}
			/*.one{ background-color: brown; width: 20px; height: 20px;border-radius: 10px ;margin-left: 10px;float: left;}
			li{list-style:none; float: left;}
			ul{overflow:hidden; position: absolute; left: 420px; bottom: 80px;}
			ul li:hover{background: aliceblue;width: 15px; height:15px;}*/
		</style>
	</head>

	<body>
//		<input name="mima" type="button" value="按钮" />
//		<div class="a">1234</div>
//		<script>
			$(document).ready(function() {
				$("input").click(function() {
					$(".a").slideToggle({
						Left: '100px',
						width: '300px',
						height: '200px',
					}, 3000)
				})
			})
		</script>
		<!--<input name="#" type="button" value="点我" />-->
		<!--<script>
		$("input").click(
		   	function(){
		   		document.title="我真帅"
		    }
		)
		</script>
		<p>快来点我1</p>
		<p>快来点我2</p>
		<p>快来点我3</p>
		<script>
		$(document).ready(function(){
			$("p").click(function(){
				$(this).slideToggle()
			})
		})
		</script>-->
		<!--<input name="3" type="button" value="点我" />
		<div style="background-color: #0000FF; width: 100px; height: 100px;"> 
		</div>
		<script >
		$(document).ready(function(){
			$("input").click(function(){
				var div = $("div");
				div.animate({
					height:'300px',
					opacity:'0.4',
				},'slow');
				div.animate({
					width:'300px',
					opacity:'0.8',
				},'slow');
				div.animate({
					height:'100px',
					opacity:'0.4',
				},'slow');
				div.animate({
					width:'100px',
					opacity:'0.8'
				},'slow');
			})
		})
		</script>-->
		<!--<div>
			<img src="img/225028_094857017_2.jpg"/>
			<img src="img/9584403_125234329157_2.jpg" style="display: none;"/>
			<img src="img/sy_65991748544.jpg"style="display: none;" />
			<img src="img/sy_78878873778.jpg"style="display: none;"/>
			 <ul>
			<li class="one"></li>
			<li class="one"></li>
			<li class="one"></li>
			<li class="one"></li>
		  </ul>
		</div>
		<script>
		$(function(){
			$(".one").mouseover(function(){
				var jiushiwo = $(".one").index(this);
				$("img").hide();
				$("img").eq(jiushiwo).show();
			})
		})
		</script>-->
	</body>

</html>